<head>
<link rel="stylesheet" type="text/css" media="screen" href="@{'/public/javascripts/charting/css/visualize.css'}" />
<link rel="stylesheet" type="text/css" media="screen" href="@{'/public/javascripts/charting/css/visualize-custom.css'}" />
<script type="text/javascript" src="../../../public/javascripts/charting/js/visualize.jQuery.js"></script>
<script type="text/javascript" src="../../../public/javascripts/_shared/EnhanceJS/enhance.js"></script>	
<script type="text/javascript" src="../../../public/javascripts/charting/js/excanvas.js"></script>
</head>
<body>
<script type="text/javascript" charset="utf-8">
    $(document).ready(function() {
        oTable = $('.display').dataTable({
            "bJQueryUI": true,
            "sPaginationType": "full_numbers"
        });
    } );
</script>
#{if !stats.isEmpty()}
<table id="liste" class="display">
	<thead>
		<tr>
			<th>Nom</th>
			<th>Pr&eacute;nom</th>
			#{list items:sequences, as:'sequence'}
			<th>${sequence.nom}</th>
			#{/list}
		</tr>
	</thead>
	<tbody>
		#{list items:stats, as:'stat' }
		<tr>
			<td>${stat.agent.nom}</td>
			<td>${stat.agent.prenom}</td>
			#{list items:sequences, as:'sequence'}
				#{if stat.statistiques.get(sequence.nom).equals("false")}
				<td class="attention">non effectu&eacute;e
				#{/if}
				#{else}<td>${stat.statistiques.get(sequence.nom)}#{/else}
				</td>
			#{/list}
		</tr>
		#{/list}
	</tbody>
</table>
<br />
#{/if}
</body>